


/* 箭头 */

.arrow {
    float: right;
}

.arrow a {
    color: rgba(205, 0, 0, .7);
}

.arrow a:after {
    content: '';
    background: url("../img/arrow_r.png") no-repeat;
    width: 8px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    /* vertical-align: middle; */
}

.arrow a:hover {
    color: rgba(205, 0, 0, 1);
}


/* 标题 */

.ix-titel {
    height: 34px;
    line-height: 34px;
    margin-bottom: 15px;
}

.ix-titel span {
    font-size: 24px;
    color: #333;
    margin-left: 10px;
}


/* 阴影 */

.h-shaw {
    box-shadow: 1px 1px 10px 1px rgba(51, 51, 51, .1);
}


/* 公共部分结束 */


/* 搜素 */
.search {
    background: url("../img/index-bg1.png") no-repeat;
    background-size: cover;
 
}
.header-content {
    text-align: center;
    padding: 30px 0;
}

.header-content h1 {
    color: #fff;
    font-size: 48px;
    padding-bottom: 30px;
}

.header-content p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 15px;
}

.header-content .search-form {
    width: 62%;
    margin-left: 19%;
}

@media (max-width:769px) {
    .header-content .header-form {
        width: 100%;
        margin-left: 0;
    }
}

.header-content .search-form form {
    padding: 25px 0;
}



.header-content .search-form .form-control:focus {
    border: none;
    box-shadow: none;
}

.header-content .header-a a {
    color: rgba(254, 254, 254, .7);
    font-size: 14px;
    /* margin: 0 10px; */
    margin-right: 10px;
}

.header-content .header-a a:hover {
    text-decoration: underline;
    color: rgb(254, 254, 254);
}

.header-content .header-span {
    /* width: 15%; */
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.header-content .header-a {
    /* width: 84%; */
    display: inline-block;
    text-align: left;
}

@media (min-width:1200px) {
    .header-content .header-span {
        width: 12%;
    }
    .header-content .header-a {
        width: 87%;
    }
}

@media (max-width:1200px) {
    .header-content .header-span {
        width: 15%;
    }
    .header-content .header-a {
        width: 84%;
    }
}

.header-span span {
    display: inline-block;
    vertical-align: middle;
    color: #fefefe;
}

.header-span span:nth-child(1) {
    background: url("../img/i3.png") no-repeat;
    width: 15px;
    height: 19px;
    margin-right: 5px;
}

.header-span span:nth-child(2) {
    color: rgba(254, 254, 254, .7);
}


/* 1 */

.ix-sec1 {
    background: #f4f4f4;
    padding: 60px 0;
}

.ix-sec1 .tl-i1 {
    background: url("../img/i1.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 3px;
}


/* 列表 */

.ix-ul {
    border: 1px rgba(102, 102, 102, .3) solid;
    padding: 28px 22px;
    background: #fff;
    cursor: pointer;
}

.ix-ul li {
    margin-bottom: 10px;
}

.ix-ul li {
    clear: both;
}

.ix-ul a {
    color: #666666;
    /* font-size: 15px; */
}

.ix-ul i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: rgba(102, 102, 102, .7);
    border-radius: 50%;
    margin-right: 8px;
    margin-bottom: 2px;
}

.ix-ul .li-l {
    color: rgba(102, 102, 102, .7);
    float: right;
}

.ix-btn {
    text-align: center;
    background: url("../img/index-bg4.png") no-repeat;
    background-size: cover;
    margin-top: 15px;
}

.ix-btn a {
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 15px 0;
}

@media (min-width:992px) {
    .ix-sec1 .ix-box1 {
        padding-right: 45px;
    }
    .ix-sec1 .ix-box2 {
        padding-left: 45px;
        padding-right: 0;
    }
}

@media (max-width:992px) {
    .ix-sec1 .ix-box2 {
        margin-top: 30px;
    }
}


/* 第二部分 */

.ix-sec2 {
    padding: 60px 0;
}

.ix-sec2 .tl-i2 {
    background: url("../img/i2.png") no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.ix-sec2 .ix2-box {
    width: 28%;
    margin-right: 8%;
    margin-bottom: 25px;
    display: inline-block;
    float: left;
}

.ix-sec2 .mr0 {
    margin-right: 0;
}

.ix2-box .ix2-cont {
    padding: 10px;
    width: 100%;
    border: 1px rgba(102, 102, 102, .3) solid;
}

.ix2-box .ix2-cont span:nth-child(1) {
    color: #666;
    font-size: 16px;
}

.ix2-box .ix2-cont span:nth-child(2) {
    color: rgba(102, 102, 102, .7);
    font-size: 14px;
    float: right;
}


/* 第三部分 */

.ix-sec3 {
    background: #f4f4f4;
    padding: 60px 0;
}

.ix-sec3 .tl-i3 {
    background: url("../img/i4.png") no-repeat;
    width: 22px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.ix3-box {
    background: #fff;
    margin-bottom: 20px;
}

.ix3-box .media-body {
    padding: 25px;
}

.ix3-box span {
    font-size: 16px;
    color: #666;
}

.ix3-box .ix3-time {
    color: rgba(102, 102, 102, .7);
    float: right;
    font-size: 14px;
}

.ix3-box p {
    margin-top: 20px;
    color: rgba(102, 102, 102, .7);
}




/* moblie */

@media (max-width:768px) {

    /* 搜索框 */
    .header-content {
        padding-top: 15px;
        padding-bottom: 0;
    }
    .header-content h1 {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .header-content p {
        font-size: 12px;
        padding-bottom: 0;
    }
    .header-content .search-form form {
        padding: 25px 0;
    }
    /* 公用 */
    .ix-sec1,
    .ix-sec2,
    .ix-sec3 {
        padding: 30px 0;
    }

    /* 1 */
    .ix-titel span {
        font-size: 17px;
        font-weight: bold;
    }
    .ix-sec1 .tl-i1{
        width: 18px;
        height: 18px;
        background-size: cover;
    }
    /* 搜索 */
    .header-content .search-form{
        width: 100%;
        margin-left: 0;
    }
    /* 2 */
    .ix-sec2 .tl-i2{
        width: 18px;
        height: 18px;
        background-size: cover;
    }

    .ix-sec2 .ix2-box {
        width: 48%;
        margin-right: 3%;
        margin-bottom: 15px;
    }
    .ix-sec2 .ix2-box:nth-child(2n){
        margin-right:0;
    }
    .ix2-box .ix2-cont span:nth-child(1){
        font-size: 14px;
    }
    .ix2-box .ix2-cont span:nth-child(2){
        display: none;
    }
    .ix-btn {
        width: 60%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .ix-titel span{
        margin-left: 5px;
    }
    /* 3 */
    .ix3-box .media-left,.ix3-box .media-body{
        float: left;
        width: 100%;
    }
    .ix3-box .media-body{
        padding: 10px;
    }
    .ix3-box .media-left{
        padding-right:0;

    }
    .ix3-box .ix3-time{
       display: none;
    }
    .ix3-box .media-object{
        width: 100%;
    }
    .ix3-box p{
        margin-top:10px;
        margin-bottom: 15px;
    }
    /* banner */

    .banner {
        background: #f4f4f4;
        /* padding: 30px 0; */
        padding-bottom: 30px;
        margin-top: -30px;
    }
    .banner .carousel-indicators .active {
        background-color: #c50000;
    }
}